<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>axios创建实例对象</title>
    <script crossorigin="anonymous" src="https://cdn.bootcss.com/axios/0.19.2/axios.min.js"></script>
</head>
<body>
    <button>天气</button>
    <button>计算</button>
    <script>
        // axios.create(config) ： 创建axios实例，功能跟axios几乎一样。可以做个性化配置

        // 应用场景：同一个网站获取数据的服务器有多个。那么需要做多个基础路径的配置
        // axios.create 可以配置多站点请求

        // 天气网址的接口就是用 tianqi发送请求
        const tianqi = axios.create({
            baseURL:'https://v0.yiketianqi.com'
        })
        // 计算机网址的接口，使用 computers进行请求。
        const computers = axios.create({
            baseURL:'http://localhost:3000/computers'
        })
        
        let btns = document.querySelectorAll('button');
        btns[0].onclick=function(){
            tianqi.get('/api?unescape=1&version=v91&appid=43656176&appsecret=I42og6Lm&ext=&cityid=&city=北京').then(value=>{
                console.log(value);
            })
        }
        btns[1].onclick = function(){
            computers.get('/').then(value=>{
                console.log(value.data);
            })
        }
        


    </script>
</body>
</html>